<!DOCTYPE html>
<#assign base=request.contextPath />
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="${base}/statics/font1/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/statics/css1/base-pc.css"/>
		<link rel="stylesheet" type="text/css" href="${base}/statics/css1/xcommon.css"/>
		<script src="${base}/statics/js1/jquery-1.11.3.min.js"></script>
		<script src="${base}/statics/layer1/layer.js"></script>
		<script src="${base}/statics/js1/jquery.SuperSlide.2.1.js"></script>
		<script src="${base}/statics/js1/xTool.js"></script>
		 <script src="${base}/statics/js1/addNumbers.js"></script>
		<script src="${base}/statics/js1/odoo.js"></script>
		<style type="text/css">
			.maincontent .ri .rit .al {
				font-size: 16px;
				color: #666666;
				padding-top: 18px;
				line-height: 40px;
				text-align: center;
			}
			.js-odoo{
				display: inline-block;
				width: 180px;
				height: 40px;
				font-family: 'ITV Reem';
				font-size: 30px;
				vertical-align: middle;
				text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
				fill: #459df5;
			}
		</style>
	</head>
	<body>
		<header>
			<div class="header">
			<div class="topbar">
			   <div class="top inner ">欢迎您来到亿矿云百科！</div>
			</div>
			<div class="logobar inner inwhite clearfix">
			<h1 class="logo">
				<a href="/"  target="_blank"><img src="${base}/statics/images1/logo.png"/></a>
			</h1>
			<div class="right clearfix">
				<div class="l clearfix">
					<div class="search">
						<input type="text" class="txtSearch bz" placeholder="请输入您要搜索的内容..." />
						<a href="javascript:;" class="searchBtn">进入词条</a>
					</div>
					<a href="javascript:;" class="sBtn">搜索词条</a>
					<div class="reglogin">
						<a href="/api/users/log" target="_blank">登录</a>
						<i>|</i>
						<a href="/api/users/reg" target="_blank">注册</a>
					</div>
				</div>
				
			</div>	
			</div>
			<!-- 导航 S -->
			<div class="navBar">
				<ul class="nav clearfix">
					<li id="m1" class="m">
						<h3><a target="_blank" href="/api/first">首页</a></h3>
					</li>
			
					<li id="m2" class="m">
						<h3>
							<a target="_blank" href="/api/product/catag/0">产品</a>
								<ul class="sub">
									<#if fenlei??&& (fenlei?size > 0)>
										<#list fenlei as item>
											<#if item_index lt 10>
												<li><a href="${item.link}">${item.name}</a></li>
											</#if>
										</#list>
									</#if>
						       </ul>
						</h3>
					</li>
			
					<li id="m3" class="m">
						<h3><a target="_blank" href="/api/pinpai/first">品牌</a></h3>
						
					</li>
			
					<li id="m4" class="m">
						<h3><a target="_blank" href="/api/renwu/first">企业家</a></h3>
						
					</li>
			
					<li id="m5" class="m">
						<h3><a target="_blank" href="/api/jishu/first">技术</a></h3>
						
					</li>
			
					<li id="m6" class="m">
						<h3><a target="_blank" href="/api/wenda/first">问答</a></h3>
					</li>
			
				</ul>
			</div>
			<script type="text/javascript"> jQuery(".nav").slide({ type:"menu",  titCell:".m", targetCell:".sub", effect:"slideDown", delayTime:300, triggerTime:100,returnDefault:true  });</script>
			<!-- 导航 E -->
			</div>
		</header>
        <div class="maincontent inner clearfix">
        	<div id="slideBox" class="slideBox">
			<!--<div class="hd">
				<ul><li>1</li><li>2</li><li>3</li></ul>
			</div>-->
			<div class="bd">
				<ul>
					<#if lunbo??&& (lunbo?size > 0)>
						<#list lunbo as item>
							<li>
								<a href="${item.link}" target="_blank">
									<img src=${item.img}>
									<div class="txt bz">
										<h3 class="nw">${item.name}</h3>
										<h4 class="nw">${item.content}</h4>
									</div>
								</a>
							</li>
						</#list>
					</#if>
				</ul>
			</div>

			<!-- 下面是前/后按钮代码，如果不需要删除即可 -->
			<a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>

		    </div>
            <div class="ri">
        		<div class="rit bz">
        			<h2 class="ritit">全球最大的矿业百科</h2>
        			<div class="al">
        				已收录
						<div class="js-odoo aa"></div>
						 词条
        			</div>
					<script>odoo.default({ el:'.aa',value:'${tiaoshu}' })</script>
        			<div class="al">
        				已拥有 <div class="js-odoo bb"></div>用户
        			</div>
					<script>odoo.default({ el:'.bb',value:'${renshu}' })</script>
        			<div class="btnbox">
        				<a href="javascript:;"><i class="iconfont">&#xe665;</i>完善词条</a>
        				<a href="javascript:;"><i class="iconfont">&#xe600;</i>创建词条</a>
        			</div>
        		</div>
        		<div class="rib bz">
        			<h2 class="subtitle clearfix">
        				<span class="b">技术</span>
        				<a href="/api/jishu/first" class="mam">更多>></a>
        			</h2>
					<div class="bd">
						<ul>
							<#if jiShu??&& (jiShu?size > 0)>
								<#list jiShu as item>
									<li class="nw"><a href="${item.link}" class="ba ">${item_index+1}.${item.content}</a></li>
								</#list>
							</#if>
						</ul>
					</div>
        		</div>
        	</div>
        	<script type="text/javascript">
				jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
			</script>
			<script type="text/javascript">
                jQuery(".rib").slide({mainCell:".bd ul",autoPlay:true,effect:"topMarquee",vis:3,interTime:50});
			</script>
        </div>
        <!--end-->
        <div class="productCon inner clearfix">
        	<div class="prole">
        		<h2 class="title clearfix">
        			<span>最新产品</span>
        			<a href="/api/product/catag/0">更多>></a>
        		</h2>
        		<ul class="proul clearfix">
					<#if tuijian??&& (tuijian?size > 0)>
						<#list tuijian as item>
							<li>
								<a href="${item.link}" target="_blank">
									<div class="ibox">
										<img src="${item.img}"/>
									</div>
									<h3 class="nw">${item.name}</h3>
									<div class="desc nw3">
										${item.content}
									</div>
								</a>
							</li>
						</#list>
					</#if>
        		</ul>
        		<!--最新问答-->
        		<div class="newreq">
        			<h2 class="title clearfix">
        				<span>最新问答</span>
        				<a href="/api/wenda/first">更多>></a>
        			</h2>
        			<ul class="newul">
						<#if wenda??&& (wenda?size > 0)>
							<#list wenda as item>
								<li class="clearfix">
									<img class="newsp" src="${item.img}"/>
									<div class="newri">
										<div class="requesion">
											<div class="d nw"><span class="w">问：</span>${item.name}？</div>
										</div>
										<div class="answer">
											<div class="d nw2"><span class="w">答：</span>
												<#if item.content?length gt 77>
													${item.content?substring(0,70)}...
													<#else>${item.content!}
												</#if>
												<a href="${item.link}" class="more">【详情】</a></div>

										</div>
									</div>
								</li>
							</#list>
						</#if>

        				
        			</ul>
        		</div>
        	</div>
        	<div class="prori bz">
        		<!--产品分类-->
        		<div class="protype ">
        			<h2 class="subtitle clearfix">
        				<span class="b">产品分类</span>
        				<a href="/api/product/catag/0" target="_blank" class="mam">更多>></a>
        			</h2>
        			<ul class="typelist clearfix">
						<#if fenlei??&& (fenlei?size > 0)>
							<#list fenlei as item>
								<li><a href="${item.link}" class="nw">${item.name}</a></li>
							</#list>
						</#if>
        			</ul>
        		</div>
        		<!--end-->
        		<!--品牌-->
        		<div class="bandbox bz">
        			<h2 class="subtitle clearfix">
        				<span class="b">品牌</span>
        				<a href="/api/pinpai/first" target="_blank" class="mam">更多>></a>
        			</h2>
        			<ul class="bandlist clearfix">
						<#if pinpai??&& (pinpai?size > 0)>
							<#list pinpai as item>
								<li>
									<a href="${item.link}">
										<#if (item.img)??>
										<img src="${item.img}"/>
										<#else>
											<img src="../../statics/images1/baidu.jpg"/>
										</#if>
										<h3 class="nw">${item.name}</h3>
									</a>
								</li>
							</#list>
						</#if>
        			</ul>
        		</div>
        		<!--end-->
        		<!--企业家-->
        		<div class="entrepreneur bz">
        			<h2 class="subtitle clearfix">
        				<span class="b nw">企业家</span>
        				<a href="/api/renwu/first" target="_blank" class="mam">更多>></a>
        			</h2>
        			<ul class="elist clearfix">
						<#if renwu??&& (renwu?size > 0)>
							<#list renwu as item>
								<li>
									<a href="${item.link}">
										<#if (item.img)??>
											<img style="width: 100px;height: 100px;" src="${item.img}"/>
										<#else>
											<img src="../../statics/images1/baidu.jpg"/>
										</#if>
										<h3 class="nw">${item.name}</h3>
									</a>
								</li>
							</#list>
						</#if>
        			</ul>
        		</div>
        		<!--end-->
        	</div>
        </div>
        <footer>
        	<div class="footer">
				<p>Copyright 2011- 2018 山东中煤集体神华科技 Inc All Rights Reserved. 鲁ICP备2125414号-1 </p>
				<p>地址：山东济宁开源路11号 </p>
				<p>客服电话：400-0733-010 Email：service@yike.com</p>
			</div>
        </footer>
	</body>
<script>
    $(".searchBtn").click(function (){
        findcitiao();
    });
    $(".sBtn").click(function (){
        findcitiao();
    });
	function findcitiao() {
       var param =  $(".txtSearch") .val();
        param =param.replace(/[^\u4E00-\u9FA5]/g,'');
       if(param==undefined||param==null||param==""){
           alert("请输入查询的词条!!")
	   }
        window.location.href = "/api/sreach/getdata?param=" +encodeURIComponent(param);
    }
</script>
</html>
